<template>
  <div id="Updatemanger">
    <panel class="content" :list="list">
    </panel>
    <group title="">
      <x-input title="会议主题" placeholder="*必填-请输入本次会议的主题"></x-input>
      <div></div>
      <x-input title="" placeholder="输入会议议题" v-for="item of titles" :key="item"></x-input>
    </group>
    <div class="add" @click="addTitles()">
      +
    </div>
    <group title="">
      <x-textarea :max="20" :placeholder="meet"></x-textarea>
      <x-input title="备注" placeholder=""></x-input>
      <!--<cell is-link>
        <span slot="title"><span style="vertical-align:middle;">设备配置</span></span>
      </cell>-->
    </group>
    <group title="">
      <cell is-link>
        <span slot="title"><span style="vertical-align:middle;">选择类别</span></span>
      </cell>
    </group>
    <group title="">
      <cell is-link>
        <span slot="title">
          <span style="vertical-align:middle;float: left;">所在地址</span>
        </span>
      </cell>
    </group>
    <x-button class="save" type="primary">保存</x-button>
    <!--<group title="">
       <cell :title="通知" :value=""></cell>
    </group>-->
  </div>
</template>

<style lang='less'>
  #Updatemanger {
    .save {
      width: 95%;
      margin: 0px auto;
      margin-top: 1rem;
    }
    .add {
      width: 2rem;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      font-size: 2rem;
      border-radius: 2rem;
      margin: 0px auto;
      margin-top: 1rem;
      border: 1px solid #52627e;
    }
  }
</style>

<script>
  import { Group, XInput, Cell, XButton, Panel, XTextarea } from "vux";

  export default {
    name: "Login",
    components: {
      Group,
      XInput,
      Cell,
      XButton,
      Panel,
      XTextarea
    },
    data() {
      return {
        list: [{
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '<p>演示会议室<span>坐席20人</span></p>',
          desc: '<p>如何使用请查看会议室预约教程</p><p>会议室地点：如何使用请查看会议预约教程</p>',
          url: ''
        }],
        titles: [""]
      };
    },
    methods: {
      addTitles() {
        this.titles.push("")
      }
    }
  };
</script>
